/**
* common.css
* common layout page stylesheet
*
* @since 1.0 <2015-12-5> SoChishun <14507247@qq.com> Added.
*/

body{font-size:12px; margin:0; color:#333;}
a { text-decoration: none; color:#333;}    
/* header */
header, .header {position: relative;z-index:	100000;}
.ui-layout-north, .ui-layout-south { background-color:#00386F; color:#FFF;}
.ui-layout-north a, .ui-layout-west a, .ui-layout-south a { color:#FFF;}
.ui-layout-west { background-color:#376EA7; color:#FFF;}
.logo { font-size:30px; font-weight: bold; font-family: 'Microsoft YaHei'}
.sf-menu { position: absolute; right:0; top:11px; z-index:9999}
.sf-menu li { background-color:#376EA7;}
.sf-menu li li { background-color:#376EA7;}
.sf-menu li a, .sf-menu .xsui-menu-header { color:#FFF; padding:.5em 1em}
.sf-menu a { border-left:1px solid #9AB6D2}
.sf-menu .xsui-menu-header { background-color:#00386F; color:#CCC}
.sf-menu li:hover, .sf-menu li.sfHover { background-color:#1C5589}
.header-bar { border-top:1px solid #9AB6D2; background-color:#376EA7; width:100%; display:table;}
.message-zone { text-align: right;}
.message-zone li { display:inline-block; margin:2px 0 0 20px;}
.message-zone li:first-child {margin:0}
.message-zone i {margin-right:5px;}
.message-zone a i { margin:0px;}
.message-zone .xsui-icon-only { margin-left:10px;}
/* /header */
/* user-zone */     
.user-zone fieldset {position: relative;}
.user-zone legend { color:#FFF; font-size:13px; text-indent: 10px; padding:8px 0 8px 0;}
.user-zone legend img { width:16px; height:16px; vertical-align: text-bottom;}
.user-zone legend a { margin-left:5px;}
.user-zone .switch { position: absolute; right:10px; top:9px;}
.user-zone .content {  line-height: 19px; padding:10px 5px;}
.user-zone dt { font-weight: bold;}
.user-zone a { margin-left:5px; color:#FFF;}
.user-zone dd a:first-child{margin:0px;}
.face img { width:60px; height:60px;}
.user-zone .stat { display:table;}
.user-zone .stat dt { clear:left; font-weight: normal;}
.user-zone .stat dt, .user-zone .stat dd { float:left;}
/* /user-zone */
/* clock-zone */
.clock-zone { margin-top:3px; border-top:solid 1px #9AB6D2;}
#clock { padding:8px 0 8px 0; position: relative;}
#clock span { padding-left: 10px; font-size:13px;}
.clock-zone .switch { position:absolute; right:10px; top:8px; color:#FFF; }
.clock-zone .switch i { color:#FFF; background:none;}
.clock-zone em {color:#F2C689}
.clock-zone .icon { background-color:#00386F; margin-left:5px; font-size:13px;}
.fa-sun-o { color:#FF0;}
.fa-moon-o {color:#FE0; padding:0px 2px;}
#calendar .ui-datepicker { width:178px; padding:0}
#calendar .ui-datepicker td span,#calendar .ui-datepicker td a { padding:1px;}
#calendar .ui-widget-content {border:none; margin:0 0 5px 2px;}
/* /clock-zone */
/* aside-menu */
.aside-menu legend { color:#FFF; font-weight: bold; font-size:13px; text-indent: 10px; padding:8px 0 8px 0; position: relative; width:100%;  border-top:1px solid #9AB6D2;}
.aside-menu legend a { position: absolute; right:10px; top:8px;}
.aside-menu ul { padding-bottom:15px;}
.aside-menu li { padding:6px 10px 6px 25px; background-color:#376EA7;}
.aside-menu li:hover { background-color: #215A93;}
.aside-menu li i { margin-right:8px; }
.aside-menu .current{ background-color: #FFF;}
.aside-menu .current, .aside-menu .current a { color:#376EA7; font-weight:bold;}
/* /aside-menu */
/* notices-slider */
.notices-slider{ position:relative;}
.notices-slider a.abtn{height:20px;top:0;}
.notices-slider .slider-content{ height:20px; line-height:20px; overflow:hidden; position:relative; width:335px; }
.notices-slider .slider-content label{position:absolute;left:0;top:0; font-weight: bold;}
.notices-slider .slider-content ul{position:absolute;left:30px;top:0;width:300px;}
.notices-slider .slider-content li { width:300px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.notices-slider a.aleft{position:absolute; left:20px; top:1px}
.notices-slider a.aright{position:absolute;right:0; top:1px}
/* /notices-slider */
.xsui-align-right { text-align: right;}
.xsui-hide { display:none;}
/* menu-tabs */
.menu-tabs { background-color:#376EA7; color:#FFF; border-bottom:solid 1px #9AB6D2;}
.menu-tabs li { display:inline-block; position: relative; padding:5px 50px 5px 15px; border-left:solid 1px #9AB6D2; margin-left:-2px;}
.menu-tabs li.active, .menu-tabs li:hover { background-color:#215A93}
.menu-tabs li a { color:#FFF;}
.menu-tabs li i {font-weight: normal;}
.menu-tabs li a:first-child i {margin-right: 5px;}
.menu-tabs .xsui-btn-close { position: absolute; right:5px; top:1px;}
.menu-tabs .xsui-btn-refresh { position: absolute; right:20px; top:1px;}
/* /menu-tabs */
/* footer */
footer, .footer { padding:5px 10px; text-align:right;}
.copyright { margin-right:10px;}
/* /footer */
